﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<!-- saved from url=(0093)http://xmeye.net/cloud/video/index.jsp -->
<HTML 
xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>NETSuveillance WEB</TITLE>
<META content="text/html; charset=UTF-8" http-equiv=Content-Type><LINK 
rel=stylesheet type=text/css href="index_files/m.css" media=screen>
<STYLE type=text/css>.alert {
	BACKGROUND: url(alert_bg.gif) repeat-x left 50%
}
DIV.info {
	PADDING-LEFT: 18px; BACKGROUND: url(icon_info.gif) no-repeat left 50%; HEIGHT: 20px; FONT-WEIGHT: bold; PADDING-TOP: 7px
}
</STYLE>
<!-- m.js -->
<SCRIPT language=JavaScript type=text/javascript>
        /*
         if(navigator.userAgent.indexOf('IE') < 0)
         {
         location="Login.htm";	
         }
         */
        /*
         兼容IE11
         */
        var bCrossBrow = false;
        var bnpCheck = false;
        if (navigator.userAgent.indexOf('IE') < 0) {
            if (navigator.platform != "Win32")//
            {
                location = "Login.htm";
            }
            var userAgent = navigator.userAgent,
                    rMsie = /(msie\s|trident.*rv:)([\w.]+)/,
                    rFirefox = /(firefox)\/([\w.]+)/,
                    rOpera = /(opera).+version\/([\w.]+)/,
                    rChrome = /(chrome)\/([\w.]+)/,
                    rSafari = /version\/([\w.]+).*(safari)/;
            var browserMatch = uaMatch(userAgent.toLowerCase());

            if (browserMatch.browser != "IE") {
                //location="Login.htm";
                bCrossBrow = true;
            }

        }

        function uaMatch(ua) {
            var match = rMsie.exec(ua);

            if (match != null) {
                return {browser: "IE", version: match[2] || "0"};
            }
            var match = rFirefox.exec(ua);
            if (match != null) {
                return {browser: match[1] || "", version: match[2] || "0"};
            }
            var match = rOpera.exec(ua);
            if (match != null) {
                return {browser: match[1] || "", version: match[2] || "0"};
            }
            var match = rChrome.exec(ua);
            if (match != null) {
                return {browser: match[1] || "", version: match[2] || "0"};
            }
            var match = rSafari.exec(ua);
            if (match != null) {
                return {browser: match[2] || "", version: match[1] || "0"};
            }
            if (match != null) {
                return {browser: "", version: "0"};
            }
        }

    </SCRIPT>

<SCRIPT type=text/javascript src="index_files/m.js"></SCRIPT>

<SCRIPT type=text/javascript src="index_files/config.js"></SCRIPT>

<SCRIPT type=text/javascript>//m.js
    var ipaddress = document.location.hostname;
    var hostport = 34567;
    //var iLanguage=100;
    var iLanguage =101;
    //var mac= "00:fe:0b:00:b9:1c";
    var mac = "289123021bf06115";
    var username = "admin";
    var password = "";

    var serverIP = "xmeye.net";
    var serverPort = 8000;
    var bLoginpage = false;
    var bNat = true;
    </SCRIPT>
<!-- 全局变量 -->
<SCRIPT type=text/javascript>
        var gExitChannel = new Array();
        var gExitSubType = new Array();
        var gexiti;
        var gcid = -1;
        var g_channelNum = 4;
        var g_digitalChannel = 0;
        var gsld;
        var gslda;
        var gsldb;
        var gsldc;
        var gsldd;
        var gfmu1 = 0;
        var gfmu2 = 0;
        var gfmu3 = 0;
        var g_bRecord = false;
        var g_bRealPlay = false;
        var g_bAudio = false;
        var gHashCookie = new Hash.Cookie('NetSuveillanceWebCookie', {duration: 30});
        var settings = {
            username: ''
        }
        var gca = 0;
        var gcb = 0;
        var gcc = 0;
        var gcd = 0;
        var gAutoPlayAll = false;
        var g_InstalledOCX = true;
        var g_btalk2 = false;
        switch (iLanguage) {
            case 100:
            {
                document.write('<script type="text/javascript" src="English.js">' + '<' + '/script>');
                break;
            }
            case 101:
            {
                document.write('<script type="text/javascript" src="SimpChinese.js">' + '<' + '/script>');
                break;
            }
            default:
                document.write('<script type="text/javascript" src="English.js">' + '<' + '/script>');
        }
    </SCRIPT>
<!-- 颜色滑块 -->
<SCRIPT type=text/javascript>

        function CheckMac(macinput) {
//mac地址正则表达式 
            var reg_name1 = /[/A-F/|/a-f/\d]{2}:[/A-F/|/a-f/\d]{2}:[/A-F/|/a-f/\d]{2}:[/A-F/|/a-f/\d]{2}:[/A-F/|/a-f/\d]{2}:[/A-F/|/a-f/\d]{2}/;
            var reg_name2 = /[/A-F/|/a-f/\d]{12}/;

//    if( reg_name1.test(macinput)){    
//           return true; 
//    } 
            //else
            if (reg_name2.test(macinput)) {
//             mac = macinput.substr(0,2);   
//            for(var i=2;i<12;i+=2)
//            {   
//                mac +=":";            
//                mac += macinput.substr(i,2);         
//            }
                return true;
            }
            else {
                return false;
            }

        }

        function sldtopos(sld, step) {
            sld.knob.setStyle('left', sld.toPosition(step));
        }
        function setcolorsv(f, v) {
            switch (f) {
                case 1:
                    gca = v;
                    $('ska').title = v;
                    break;
                case 2:
                    gcb = v;
                    $('skb').title = v;
                    break;
                case 3:
                    gcc = v;
                    $('skc').title = v;
                    break;
                case 4:
                    gcd = v;
                    $('skc').title = v;
                    break;
            }
        }
        function getcolors() {
            var colors = "";
            colors = ocx.GetColor();

            var t = new Array();
            if (colors != "") {
                t = colors.split(',');
                sldtopos(gslda, parseInt(t[0]));
                sldtopos(gsldb, parseInt(t[1]));
                sldtopos(gsldc, parseInt(t[2]));
                sldtopos(gsldd, parseInt(t[3]));
                setcolorsv(1, parseInt(t[0]));
                setcolorsv(2, parseInt(t[1]));
                setcolorsv(3, parseInt(t[2]));
                setcolorsv(4, parseInt(t[3]));
            }
            else//这里有待选中消息的传递
            {

                sldtopos(gslda, parseInt(0));
                sldtopos(gsldb, parseInt(0));
                sldtopos(gsldc, parseInt(0));
                sldtopos(gsldd, parseInt(0));
                setcolorsv(1, parseInt(0));
                setcolorsv(2, parseInt(0));
                setcolorsv(3, parseInt(0));
                setcolorsv(4, parseInt(0));
            }


        }
        function txreset(step) {
            setcolorsv(1, step);
            setcolorsv(2, step);
            setcolorsv(3, step);
            setcolorsv(4, step);
            sldtopos(gslda, step);
            sldtopos(gsldb, step);
            sldtopos(gsldc, step);
            sldtopos(gsldd, step);
            setcolors();
        }
        function setcolors() {
            ocx.SetColor(0, gca, gcb, gcc, gcd);
        }
    </SCRIPT>
<!-- 设备通道  -->
<SCRIPT type=text/javascript>
        function tl(s) {
            var ret;
            try {
                ret = ocx.Translate(s);
            }
            catch (e) {
                ret = "";
            }
            return ret;
        }//moving here for later function 
        function ca(o, ch) {
            var oc;
            if ($(o).hasClass('cl1')) {
                if (ocx.StartRealPlay(ch, 0, 0)) {
                    oc = $('c' + ch);
                    oc.removeClass(oc.className);
                    oc.addClass('cl2');
                }
            }
            else {
                if (ocx.StopPlayReal(ch)) {
                    oc = $('c' + ch);
                    oc.removeClass(oc.className);
                    oc.addClass('cl1');
                }
            }
            getcolors();
        }

        function getcl() {
            g_digitalChannel = ocx.GetDeviceState(1, 0);
            var t = new Array();
            var ts = new Array();
            var titles = new Array();
            titles[0] = tl('Desktop.LocalRecord');
            titles[1] = tl('Desktop.ExtStream');
            titles[2] = tl('Desktop.MainStream');
            titles[3] = tl('Desktop.StartTalk');
            titles[4] = tl('WebTitle.DigitalChannel');
            var shtml = "";

            shtml += "<li id='Talk' ><a title='" + titles[3] + "' id='talking' class='noT' href='javascript:;'  onclick='Ontalk()' ></a><span id='logoString' style='margin:0 5px 0 3px;'>NetSurveillance</span></li> "
            var strsplita = String.fromCharCode(16);
            var strsplitb = String.fromCharCode(9);
            var sc;
            sc = ocx.GetChannelName();
            if (sc != "") {
                sc = sc.substr(0, sc.length - 1);
                t = sc.split(strsplita);
                g_channelNum = t.length;

                for (var i = 0; i < t.length; i++) {
                    ts = t[i].split(strsplitb);
// 			if(i>=(g_channelNum-g_digitalChannel))
// 			{
// 			    shtml+="<li  ><a title='"+titles[0]+"' style='width:25px;margin:0,0,0,0px;outline:none;' id='re" + ts[0] + "' class='noRecord' href='javascript:;' onclick='record(this," + ts[0] 
// 		                      + ")'></a><a title='"+titles[4]+"' id='c" + ts[0] + "' class='cl1' onclick='ca(this," + ts[0] +")' ></a><span id='name"+ts[0]+"'  style='position:absolute;margin:3px 0 0 0;'>" + ts[1] + "</span></li>" //<span style='filter:;'>
// 			   		
// 			}
// 			else
                    {
                        shtml += "<li  ><a title='" + titles[0] + "' style='width:25px;margin:0,0,0,0px;outline:none;' id='re" + ts[0] + "' class='noRecord' href='javascript:;' onclick='record(this," + ts[0]
                        + ")'></a><a title='" + titles[1] + "' style='width:25px;margin:0,0,0,0px;outline:none;' id='subPlay" + ts[0] + "' class='noSubPlay' href='javascript:;' onclick='subPlay(this," + ts[0]
                        + ")'></a><a title='" + titles[2] + "' id='c" + ts[0] + "' class='cl1' onclick='ca(this," + ts[0] + ")' ></a><span id='name" + ts[0] + "'  style='position:absolute;white-space :nowrap;margin:3px 0 0 0;'>" + ts[1] + "</span></li>" //<span style='filter:;'>

                    }


                }
                $("cl").innerHTML = shtml;
                var ls = $$('#cl li');
            }
            //m_ocx.ChangeShowWndNum();
            showExit();
            showSelectNumb();
            $('logoString').setText(logoString);//
        }
        function showSelectNumb() {

            switch (g_channelNum) {

                case 1:
                {
                    $('xp1').style.display = "none";
                    $('xp2').style.display = "none";
                    $('xp3').style.display = "none";
                    $('xp4').style.display = "none";
                    $('xp5').style.display = "none";
                    $('xp6').style.display = "none";
                    break;
                }
                case 2:
                case 3:
                case 4:
                {
                    $('xp3').style.display = "none";
                    $('xp4').style.display = "none";
                    $('xp5').style.display = "none";
                    $('xp6').style.display = "none";
                    break;
                }
                case 5:
                case 6:
                case 7:
                case 8:
                case 9:
                {
                    $('xp4').style.display = "none";
                    $('xp5').style.display = "none";
                    $('xp6').style.display = "none";
                    break;
                }
                case 10:
                case 11:
                case 12:
                case 13:
                case 14:
                case 15:
                case 16:
                {
                    $('xp5').style.display = "none";
                    $('xp6').style.display = "none";
                    break;
                }
                case 17:
                case 18:
                case 19:
                case 20:
                case 21:
                case 22:
                case 23:
                case 24:
                case 25:
                {
                    $('xp6').style.display = "none";
                    break;
                }
                case 26:
                case 27:
                case 28:
                case 29:
                case 30:
                case 31:
                case 32:
                {
                    break;
                }
                default:
                    break;
            }
        }
        function showExit() {


            for (var j = 1; j < gexiti + 1; j++) {
                if (gExitSubType[j] == true) {

                    var temp = "subPlay" + gExitChannel[j].toString();
                    $(temp).removeClass($(temp).className);
                    $(temp).addClass('subPlay');
                }
                else {

                    var temp = "c" + gExitChannel[j].toString();
                    $(temp).removeClass($(temp).className);
                    $(temp).addClass('cl2');

                }

            }
            gexiti = 0;
        }


    </SCRIPT>
<!-- 调整页面大小（待处理） -->
<SCRIPT type=text/javascript>
        function resizeL() {

            $('username').setStyle('width', InputName.width);
            $('username').setStyle('line-height', InputName.height);
            $('password').setStyle('line-height', InputName.height);
            $('username').setStyle('height', InputName.height);
            $('username').setStyle('margin-top', InputName.marginTop);
            $('username').setStyle('margin-right', InputName.marginRight);
            $('userNameInput').setStyle('margin-top', SpanLoginName.marginTop);
            $('password').setStyle('width', InputPassword.width);
            $('password').setStyle('height', InputPassword.height);
            $('password').setStyle('margin-top', InputPassword.marginTop);
            $('password').setStyle('margin-right', InputPassword.marginRight);

            $('loginBT').setStyle('width', LoginButton.width);
            $('loginBT').setStyle('height', LoginButton.height);


            if (1 == LogoNumbers) {
                $("logo1").setStyle('background', 'none');
            }


            wwidth = document.documentElement.clientWidth;
            wheight = document.documentElement.clientHeight;
            $('login').setStyle('width', wwidth);

            $('lm').setStyle('width', wwidth);


            if (wwidth <= 417) {
                $('lmll').style.width = 0;
                $('lmrr').style.width = 0;
                $('lml').style.width = 0;
                $('lmr').style.widht = 0;
                $('lmm').setStyle('width', wwidth);

                $('ldl').setStyle('width', 0)
                $('ldm').setStyle('width', wwidth);
                $('ldr').setStyle('width', 0)
            }
            else if (wwidth <= 1127) {
                $('lmll').style.width = 0;
                $('lmrr').style.width = 0;
                $('lml').setStyle('width', (wwidth - 417) / 2 + (355 - (wwidth - 417) / 2));
                $('lml').setStyle('margin-left', -(355 - (wwidth - 417) / 2));
                $('lmr').setStyle('width', (wwidth - 417) / 2);
                $('lmm').setStyle('width', 417);

                $('ldl').setStyle('width', ((wwidth - 417) / 2) - 1)
                $('ldm').setStyle('width', 417);
                $('ldr').setStyle('width', (wwidth - (417 + (wwidth - 417) / 2 - 1)));


            }
            else {

                $('lml').setStyle('margin-left', 0);

                $('lml').setStyle('width', 355);
                $('lmr').setStyle('width', 355);
                $('lmm').setStyle('width', 417);


                $('ldm').setStyle('width', 417);
                var w = (wwidth - (417 + 355 + 355)) / 2;
                $('ldl').setStyle('width', w + 355);
                $('ldr').setStyle('width', (wwidth - (417 + 355 + w)));

                $('lmll').setStyle('width', w);
                $('lmrr').setStyle('width', w);
            }
        }
        var g_Radio = 1.25;//1.78
        function ChangeRadio() {
            if (g_Radio == 1.25) {
                g_Radio = 1.78;
            }
            else {
                g_Radio = 1.25;
            }
            resizeM();


        }
        function resizeM() {
            var mbbw;
            var mbbh;
            wwidth = document.documentElement.clientWidth;
            wheight = document.documentElement.clientHeight - 20;
            if (wheight <= 570) wheight = 570;
            //ma31,drb24,mc13,pb26

            mbbh = wheight - $(ma).getCoordinates().height - $(pb).getCoordinates().height - 10 - 5 - 4;


            glhight = wheight - $(ma).getCoordinates().height + 4 - 5 - 4;
            //alert(glhight);
            //mcup:349
            grhight = wheight - 349 - $(ma).getCoordinates().height + 4 - 5 - 4;

            mbbw = mbbh * 64 / 51;
            mbbw = mbbh * g_Radio;
            if (bNat && g_channelNum == 1) {
                $('mb').setStyle('width', 0);
            }
            else {
                $('mb').setStyle('width',0);
                $('mbal').setStyle('height', 0);
                $('dcl').setStyle('height', 0);
            }
            $('mbb').setStyle('width', 325);//yzt 0508
            $('mbb').setStyle('height',325*(718/891.25));

            $('yt3').setStyle('height', 0);

            $('backGround').setStyle('height', '100%');

            var bigWidth = 0;
            if (wwidth > (mbbw + (145 * 2 + 8))) {
                bigWidth = wwidth;
            }
            else {
                bigWidth = mbbw + (145 * 2 + 8);
            }
            $('mcc').setStyle('width', 0);
            $('ma').setStyle('width', 0);


        }
        function resize() {

            resizeL();
            resizeM();
        }
        window.addEvent('resize', function () {
            resize();
        });
    </SCRIPT>
<!-- 登入和翻译（待整理） -->
<SCRIPT type=text/javascript>
        var g_FirstNat = true;
        var aa = 0;
        var g_bOverFistNat = false;
        function ld() {

            gexiti = 0;
            gExitChannel[0] = 0;
            gExitSubType[0] = true;
            if (bLoginpage) {
                username = $("username").value;
                password = $("password").value;
                mac = $('macadd').value;

                if (username == "") {
                    alert("Username is null");
                    return;
                }
                else if (mac == "") {
                    alert("Macaddress is null");
                    return;
                }

                //alert(mac);
                if (!CheckMac(mac)) {
                    alert("Mac address false");
                    return;
                }
            }


            var r;
            if (bNat) {
                if (g_FirstNat) {
                    aa = setInterval("ld()", 500);
                    g_FirstNat = false;
                    g_bOverFistNat = true;
                    return;
                }
                else {
                    if (g_bOverFistNat) {
                        clearInterval(aa);
                        g_bOverFistNat = false;
                    }
                    r = ocx.Login(mac, hostport, username, password);
                }

            }
            else {

                r = ocx.Login(ipaddress, hostport, username, password);
            }
            if (r > 0) {

                getcl();
                if (g_channelNum > 1) {
                    $('talk2').style.display = 'none';
                }

                if (!bNat || g_channelNum > 1) {
                    $('mba').style.display = "";
                }
                else {
                    $('mba').style.display = "none";
                }

                $('password').value = "";
                $('login').style.display = "none";
                $('m').style.top = "0px";
                resize();
                //alert("OVER M TOP =0");
                settings['username'] = username;
                savesetting();
                //	ocx.SetSpecialParam(4);
                if (gAutoPlayAll) {
                    //alert("OVER M TOP =1");
                    resizeM();
                    ocx.PlayAll();
                    //alert("OVER M TOP =2");
                }

            }
            else {
                var error = "";
                /*  switch(r){*/
//                case 0: 
//                   {
//                     error = tl('Login.NetError');
//                     break;
//                } 
//                case -11301:
//                     {
//                     error = tl('Login.PasswdError');                                
//                     break;
//                }
//                case -11302:
//                   {
//                     error = tl('Login.UserNotExisted');
//                     break;
//                }
//                case -10005:
//                    {
//                     error = tl('Login.Timeout');
//                     break;
//                }
//                case  -11305:
//                   {
//                     error = tl('Login.InUsed');
//                     break;
//                }  
//                case -7:
//                   {
//                     error = tl('Login.SystemBusy');
//                     break;
//                }  
//                case -11307:
//                   {
//                     error = tl('Login.NotFound');
//                     break;
//                  }
//                 case -11604:
//                {
//                     error = tl('Login.ServerError');
//                     break;
//                } 
//                default:
//                   {
//                     /*error = tl('Login.UnknowError');*/
//                     break;
                /*   }*/
                /*  }*/
                if (!bLoginpage) {
                    if (r == -11301 || r == -11302) {
                        //alert(error);
                        $('macadd').value = mac;
                        $('username').valur = username;
                        bLoginpage = true;
                        $('login').style.display = "";
                        $('macaddress').style.display = "";
                        resize();
                    }
                    else {
                        $('login').style.display = "none";
                        $('errormessage').setText(error);
//                        $('pageerror').style.display = "";
                    }
                }
                else {
                    //alert(error);
                }

            }
        }
        //function DownLoad()
        //{
        //	window.open("http://xmsecu.com:8080/ocx/New_Active.exe");
        //}
        function savesetting() {
            gHashCookie.extend(settings);
        }
        function getsetting() {
            if (gHashCookie.get('username')) {
                settings['username'] = gHashCookie.get('username');
            } else {
                settings['username'] = '';
            }

            $('username').setProperty('value', settings['username']);

            switch (iLanguage) {
                case 100:
                    cLanguage = "English";
                    break;
                case 101:
                    cLanguage = "SimpChinese";
                    break;
                case 102:
                    cLanguage = "TradChinese";
                    break;
                case 103:
                    cLanguage = "Italian";
                    break;
                case 104:
                    cLanguage = "Spanish";
                    break;
                case 105:
                    cLanguage = "Japanese";
                    break;
                case 106:
                    cLanguage = "Russian";
                    break;
                case 107:
                    cLanguage = "French";
                    break;
                case 108:
                    cLanguage = "German";
                    break;
                case 109:
                    cLanguage = "Portugal";
                    break;
                case 110:
                    cLanguage = "Turkey";
                    break;
                case 111:
                    cLanguage = "Poland";
                    break;
                case 112:
                    cLanguage = "Romanian";
                    break;
                case 113:
                    cLanguage = "Hungarian";
                    break;
                case 114:
                    cLanguage = "Finnish";
                    break;
                case 116:
                    cLanguage = "Korean";
                    break;
                case 117:
                    cLanguage = "Farsi";
                    break;
                case 119:
                    cLanguage = "Thai";
                    break;
                case 120:
                    cLanguage = "Greek";
                    break;
                case 121:
                    cLanguage = "Vietnamese";
                    break;
                case 123:
                    cLanguage = "Brazilian";
                    break;
                case 124:
                    cLanguage = "Hebrew";
                    break;
                case 125:
                    cLanguage = "Indonesian";
                    break;
                case 126:
                    cLanguage = "Arabic";
                    break;
                case 127:
                    cLanguage = "Swedish";
                    break;
                case 128:
                    cLanguage = "Czech";
                    break;
                case 129:
                    cLanguage = "Bulgarian";
                    break;
                case 189:
                    cLanguage = "Czech";
                    break;
                default:
                    cLanguage = "English";
                    break;
            }
            ocx.SetSpecialParamEx2(2, cLanguage, 0, 0);
            inilanguage();
        }


        function inilanguage() {

            $('macaddInput').setText(tl('ConfigNet.ID'));
            $('DVRcolor').setText(tl('Title.ImageConfig'));
            $('mthf').setText(tl('WebTitle.Playback'));
            $('mtrz').setText(tl('WebTitle.Log'));
            $('mtkhdpz').setText(tl('WebTitle.LocalConfig'));
            $('mtsbpz').setText(tl('WebTitle.RemoteCfg'));
            $('mttc').setText(tl('WebTitle.LogOut'));
            $('xbc').setText(tl('WebPtz.Step') + '(1-8):');
            if (iLanguage == 109) {
                $('xbc').setText(tl('WebPtz.Step'));
            }

            $('xbb').setText(tl('WebPtz.Zoom'));
            $('xbj').setText(tl('WebPtz.Focus'));
            $('xgq').setText(tl('WebPtz.Iris'));
            $('mbcyzd').setText(tl('WebPtz.Preset') + ':');
            $('mbcdjxh').setText(tl('WebPtz.Cruise') + ':');
            $('taba1').setText(tl('WebTitle.ImageColorConfig'));
            $('xcz').setText(tl('WebBT.SetDefault'));
            $('xcqsb').setText(tl('WebBT.Reboot'));
            $('ratio').setText(tl('WebBT.ChangeRatio'));
            $('taba2').setText(tl('WebTitle.OtherSet'));
            $('userNameInput').setText(tl('WebInput.UserName'));
            $('passWordInput').setText(tl('WebInput.Password'));
            $('loginBT').setText(tl('WebBT.LogIn'));

            $('xp0').title = tl('Desktop.SplitFull');
            $('xp1').title = tl('Desktop.Split1');
            $('xp2').title = tl('Desktop.Split4');
            $('xp3').title = tl('Desktop.Split9');
            $('xp4').title = tl('Desktop.Split16');
            $('xp5').title = tl('Desktop.Split25');
            $('xp6').title = tl('Desktop.Split36');
            $('startPlayAll').title = tl('WebBT.PlayAll');
            $('stopPlayAll').title = tl('WebBT.StopPlayAll');
            $('snap').title = tl('Desktop.Snapshot');
            $('recordAll').title = tl('WebBT.RecordAll');
            $('stopRecordAll').title = tl('WebBT.StopRecordAll');
            $('Audio').title = tl('Desktop.Audio');

            $('goPreset').title = tl('PtzControl.Goto');
            $('addPreset').title = tl('PtzControl.AddPreset');
            $('delPreset').title = tl('PtzControl.DelPreset');
            $('goCruise').title = tl('PtzControl.Start');
            $('stopCruise').title = tl('PtzControl.Stop');
            $('editCruise').title = tl('PtzControl.Edit');

            $('xtld').title = tl('ConfigEncode.Brightness');
            $('xtdbd').title = tl('ConfigEncode.Contrast');
            $('xtbhd').title = tl('ConfigEncode.Saturation');
            $('xtsd').title = tl('ConfigEncode.Hue');

            $('talk2').setText(tl('Desktop.StartTalk'));

//    $('Talk').title=tl('Desktop.StartTalk');

        }
        function stopPlayOneChannel(lChannel) {


            var tempPlay = "c" + (lChannel).toString();
            var tempRecord = "re" + (lChannel).toString();


            $(tempPlay).removeClass($(tempPlay).className);
            $(tempPlay).addClass('cl1');
            $(tempRecord).removeClass($(tempRecord).className);
            $(tempRecord).addClass('noRecord');

//  if(lChannel<g_channelNum-g_digitalChannel)
//         {
            var tempSubPlay = "subPlay" + (lChannel).toString();
            $(tempSubPlay).removeClass($(tempSubPlay).className);
            $(tempSubPlay).addClass('noSubPlay');
            /*            }*/


            getcolors();
        }

        function AllChannelCtrl(bPlay, bStopPlay, bRecord, bStopRecord) {

            if (bPlay) {
                if (bRecord)//借用于子码流播放
                {

                    for (var j = 0; j < g_channelNum; j++) {
                        var tempSubPlay = "subPlay" + (j).toString();
                        $(tempSubPlay).removeClass($(tempSubPlay).className);
                        $(tempSubPlay).addClass('subPlay');

                    }
                }
                else {

                    for (var j = 0; j < g_channelNum; j++) {
                        var temp = "c" + (j).toString();
                        $(temp).removeClass($(temp).className);
                        $(temp).addClass('cl2');

                    }

                }

            } else if (bStopPlay) {

                for (var j = 0; j < g_channelNum; j++) {

                    var temp = "c" + (j).toString();
                    $(temp).removeClass($(temp).className);
                    $(temp).addClass('cl1');

//             if(j>=g_channelNum-g_digitalChannel)
//             continue;
                    var tempSubPlay = "subPlay" + (j).toString();
                    $(tempSubPlay).removeClass($(tempSubPlay).className);
                    $(tempSubPlay).addClass('noSubPlay');
                }
            }
            else if (bRecord) {
                for (var j = 0; j < g_channelNum; j++) {
                    var tempPlay = "c" + (j).toString();
                    var tempsub = "subPlay" + (j).toString();
                    if ($(tempPlay).hasClass('cl2') || (/* j<g_channelNum-g_digitalChannel && */$(tempsub).hasClass('subPlay'))) {
                        var temp = "re" + (j).toString();
                        $(temp).removeClass($(temp).className);
                        $(temp).addClass('record');
                    }

                }
            }
            else if (bStopRecord) {
                for (var j = 0; j < g_channelNum; j++) {
                    var temp = "re" + (j).toString();
                    $(temp).removeClass($(temp).className);
                    $(temp).addClass('noRecord');
                }

            }
            getcolors();
        }

        function bSound(bs) {

            getcolors(); //获取颜色值
            if (bs) {
                g_bAudio = true;
                if ($('Audio').hasClass('p102')) {
                    $('Audio').removeClass($('Audio').className)
                    $('Audio').addClass('p10')
                }
            }
            else {
                g_bAudio = false;
                if ($('Audio').hasClass('p10')) {
                    $('Audio').removeClass($('Audio').className)
                    $('Audio').addClass('p102')
                }
            }
        }
        function RButtonDown(flag, x, y) {
            ocx.Fullscreen(false);
        }

        function startPlayExitChannel(channel, bSub) {

            gexiti++;
            gExitChannel[gexiti] = channel;
            if (bSub == true) {

                gExitSubType[gexiti] = true

            }
            else {
                gExitSubType[gexiti] = false;
            }
            getcolors();
        }

        function OneChannelOpen(channel)//打开主码流
        {

            var tempSubPlay = "subPlay" + (channel).toString();
            if ($(tempSubPlay).hasClass('subPlay')) {
                $(tempSubPlay).removeClass($(tempSubPlay).className);
                $(tempSubPlay).addClass('noSubPlay');
            }
            var tempPlay = "c" + (channel).toString();
            $(tempPlay).removeClass($(tempPlay).className);
            $(tempPlay).addClass('cl2');
            getcolors();
        }

        function oneSubOpen(channel)//打开辅码流
        {

            var tempPlay = "c" + (channel).toString();
            if ($(tempPlay).hasClass('cl2')) {
                $(tempPlay).removeClass($(tempPlay).className);
                $(tempPlay).addClass('cl1');
            }
            var tempSubPlay = "subPlay" + (channel).toString();
            $(tempSubPlay).removeClass($(tempSubPlay).className);
            $(tempSubPlay).addClass('subPlay');
            getcolors();
        }

        function reName(channel)//重命名
        {

            var ts = new Array();
            var t = new Array();
            var strsplita = String.fromCharCode(16);
            var strsplitb = String.fromCharCode(9);
            var sc;

            sc = ocx.GetChannelName();

            if (sc != "") {
                sc = sc.substr(0, sc.length - 1);
                t = sc.split(strsplita);


                for (var i = 0; i < t.length; i++) {
                    ts = t[i].split(strsplitb);
                    var temp = "name" + (i).toString();
                    $(temp).setText(ts[1]);

                }

            }

        }

        function ReBoot() {

            $('talking').removeClass($('talking').className);
            $('talking').addClass('noT');
            $('talking').title = tl('Desktop.StartTalk');//关闭对讲

            for (var j = 0; j < g_channelNum; j++)//关闭录像
            {
                var temp = "re" + (j).toString();
                $(temp).removeClass($(temp).className);
                $(temp).addClass('noRecord');
            }
        }
        function AutoPlayAll(bPlay) {

            if (bPlay) {
                gAutoPlayAll = true;
            }
            else {
                gAutoPlayAll = false;
            }
        }

        function DigitalStatus(nStatus, channel)//数字通道状态
        {

            if (1 == nStatus) {
                var tempSubPlay = "subPlay" + (channel).toString();
                $(tempSubPlay).removeClass($(tempSubPlay).className);
                $(tempSubPlay).addClass('forbitsubPlay');

                var tempRecord = "re" + (channel).toString();
                $(tempRecord).removeClass($(tempRecord).className);
                $(tempRecord).addClass("forbitRecord");

                var tempPlay = "c" + (channel).toString();
                $(tempPlay).removeClass($(tempPlay).className);
                $(tempPlay).addClass("forbitPlay");

            }
            if (0 == nStatus) {
                var tempSubPlay = "subPlay" + (channel).toString();
                $(tempSubPlay).removeClass($(tempSubPlay).className);
                $(tempSubPlay).addClass('noSubPlay');

                var tempRecord = "re" + (channel).toString();
                $(tempRecord).removeClass($(tempRecord).className);
                $(tempRecord).addClass("noRecord");

                var tempPlay = "c" + (channel).toString();
                $(tempPlay).removeClass($(tempPlay).className);
                $(tempPlay).addClass("cl1");
            }
            if (2 == nStatus) {
                var tempPlay = "c" + (channel).toString();
                $(tempPlay).removeClass($(tempPlay).className);
                $(tempPlay).addClass("cl2");
            }
            if (3 == nStatus) {
                var tempPlay = "subPlay" + (channel).toString();
                $(tempPlay).removeClass($(tempPlay).className);
                $(tempPlay).addClass("noSubPlay");
            }
            if (4 == nStatus) {
                var tempPlay = "subPlay" + (channel).toString();
                $(tempPlay).removeClass($(tempPlay).className);
                $(tempPlay).addClass("subPlay");
            }
            if (5 == nStatus) {
                var tempPlay = "re" + (channel).toString();
                $(tempPlay).removeClass($(tempPlay).className);
                $(tempPlay).addClass("record");
            }
            if (6 == nStatus) {
                var tempPlay = "re" + (channel).toString();
                $(tempPlay).removeClass($(tempPlay).className);
                $(tempPlay).addClass("noRecord");
            }

            getcolors();
        }

        function StopPosition() {
            $('menu').removeClass($('menu').className);
            $('menu').addClass('PositionStop');
        }

        function StartPosition() {
            $('menu').removeClass($('menu').className);
            $('menu').addClass('PositionStart');
        }
        function ForbitLanguage() {
            $('langlist').disabled = true;
        }
        function HideQS(bHide) {
            if (bHide == true) {
                $('QS').style.display = 'none';
                g_bQS = false;
            } else {
                $('QS').style.display = '';
                g_bQS = true;

            }
        }
    </SCRIPT>
<!-- 下拉框 -->
<SCRIPT type=text/javascript>
        function showmu1() {
            if (gfmu1 == 0) {
                gfmu1 = 1;
                $('smu1').style.display = "";
            }
            else {
                closemu1();
            }
        }

        function closemu1() {
            gfmu1 = 0;
            $('smu1').style.display = "none";
        }
        function onmu1(v) {
            $('ps').value = v;
            closemu1();
        }
    </SCRIPT>
<!-- 全播放，录像，声音，对讲 -->
<SCRIPT type=text/javascript>
        function startPlayAll() {
            ocx.PlayAll();
        }
        function StopPlayAll() {

            ocx.StopRealPlayAll();
        }
        function recordAll() {

            if (ocx.startRecordAll("C:\\record")) {
            }
        }
        function stopRecordAll() {
            if (ocx.stopRecordAll()) {
            }
        }

        function openAudio() {
            if (g_bAudio) {
                if (ocx.CloseSound(1)) {
                    g_bAudio = false;
                    $('Audio').removeClass($('Audio').className);
                    $('Audio').addClass('p102')
                }
            }
            else {
                if (ocx.OpenSound(-1)) {
                    $('Audio').removeClass($('Audio').className);
                    $('Audio').addClass('p10')
                    g_bAudio = true;
                }
            }

        }
        function Ontalk() {
            if ($('talking').hasClass('noT') || (!g_btalk2)) {
                if (ocx.StartTalk()) {
                    $('talking').removeClass($('talking').className);
                    $('talking').addClass('t');
                    $('talking').title = tl('Desktop.StopTalk');
                    $('talk2').setText(tl('Desktop.StopTalk'));
                    g_btalk2 = true;

                }

            }
            else {
                if (ocx.StopTalk()) {
                    $('talking').removeClass($('talking').className);
                    $('talking').addClass('noT');
                    $('talking').title = tl('Desktop.StartTalk');
                    $('talk2').setText(tl('Desktop.StartTalk'));
                    g_btalk2 = false;

                }

            }

        }
    </SCRIPT>
<!-- 录像，退出,子码流播放... -->
<SCRIPT>
        function subPlay(ob, channel) {

            if ($(ob).hasClass('noSubPlay')) {

                if (ocx.StartRealPlay(channel, 0, 1)) {
                    $(ob).removeClass($(ob).className);
                    $(ob).addClass('subPlay');
                    getcolors();

                }
            }
            else {
                if (ocx.StopPlayReal(channel)) {
                    $(ob).removeClass($(ob).className);
                    $(ob).addClass('noSubPlay');

                }

            }

        }
        function record(ob, channel) {

            if ($(ob).hasClass('noRecord')) {

                if (ocx.StartRecordByChannel(channel)) {
                    $(ob).removeClass($(ob).className);
                    $(ob).addClass('record');

                }
            }
            else {
                if (ocx.StopRecordBychannel(channel)) {
                    $(ob).removeClass($(ob).className);
                    $(ob).addClass('noRecord');

                }

            }

        }
        function Logout() {
            if (ocx.Logout()) {
                $('m').style.top = "-10000px";
                $('login').style.display = "";
                $('preSet').value = 1;
                $('cruise').value = 1;
                $('ps').value = 5;
            }

        }


        function recordCtrl()//点击对应窗口录像（暂时没应用）
        {
            if (!g_bRecord) {
                if (ocx.StartRecord('C:\\record')) {
                    $('record').removeClass($('record').className);
                    $('record').addClass('p92')
                    g_bRecord = true;
                }

            }
            else {
                if (ocx.StopRecord()) {
                    $('record').removeClass($('record').className);
                    $('record').addClass('p9')
                    g_bRecord = false;
                }

            }
        }
        function StopRealPlay() //根据当前窗口关闭播放（暂时没应用）
        {
            if (ocx.StopRealPlay()) {
                $('stop').removeClass($('stop').className)
                $('stop').addClass('p7')
            }

        }


    </SCRIPT>
<!-- 事件 -->
<SCRIPT language=javascript for=ocx event=reName(channel)>
        reName(channel)
    </SCRIPT>

<SCRIPT language=javascript for=ocx event=oneSubOpen(channel)>
        oneSubOpen(channel);

    </SCRIPT>

<SCRIPT language=javascript for=ocx event=OneChannelOpen(channel)>//某个通道打开，比如报警
    OneChannelOpen(channel);

    </SCRIPT>

<SCRIPT language=javascript for=ocx event=startPlayExitChannel(channel,bSub)>//开始播放上回退出视频
    startPlayExitChannel(channel, bSub);
    </SCRIPT>

<SCRIPT language=javascript for=ocx event=RButtonDown(flag,x,y)>//右键退出（退出全屏）
    ocx.Fullscreen(false);
    </SCRIPT>

<SCRIPT language=javascript for=ocx event=stopPlayOneChannel(lChannel)>//停止一个通道的播放（图标变色）

    var tempPlay = "c" + (lChannel).toString();
    var tempRecord = "re" + (lChannel).toString();


    $(tempPlay).removeClass($(tempPlay).className);
    $(tempPlay).addClass('cl1');
    $(tempRecord).removeClass($(tempRecord).className);
    $(tempRecord).addClass('noRecord');

    //             if(lChannel<g_channelNum-g_digitalChannel)
    //             {
    var tempSubPlay = "subPlay" + (lChannel).toString();
    $(tempSubPlay).removeClass($(tempSubPlay).className);
    $(tempSubPlay).addClass('noSubPlay');
    /*            }*/


    getcolors();
    </SCRIPT>

<SCRIPT language=javascript for=ocx 
event="bRecordAndRealPlay(bRecord, bRealPlay)">//选中一个窗口（翻译当前窗口的录像，和播放开关状态）
    if (bRealPlay == true) {

    }
    {

    }

    //getcolors(); //获取颜色值
    </SCRIPT>

<SCRIPT language=javascript for=ocx 
event="AllChannelCtrl( bPlay, bStopPlay, bRecord,bStopRecord)">//全通道录像，播放开关,(子码播放用到，record两个变量)
    if (bPlay) {
        if (bRecord)//借用于子码流播放
        {

            for (var j = 0; j < g_channelNum; j++) {
                var tempSubPlay = "subPlay" + (j).toString();
                $(tempSubPlay).removeClass($(tempSubPlay).className);
                $(tempSubPlay).addClass('subPlay');

            }
        }
        else {

            for (var j = 0; j < g_channelNum; j++) {
                var temp = "c" + (j).toString();
                $(temp).removeClass($(temp).className);
                $(temp).addClass('cl2');

            }

        }

    } else if (bStopPlay) {

        for (var j = 0; j < g_channelNum; j++) {

            var temp = "c" + (j).toString();
            $(temp).removeClass($(temp).className);
            $(temp).addClass('cl1');

//             if(j>=g_channelNum-g_digitalChannel)
//             continue;
            var tempSubPlay = "subPlay" + (j).toString();
            $(tempSubPlay).removeClass($(tempSubPlay).className);
            $(tempSubPlay).addClass('noSubPlay');
        }
    }
    else if (bRecord) {
        for (var j = 0; j < g_channelNum; j++) {
            var tempPlay = "c" + (j).toString();
            var tempsub = "subPlay" + (j).toString();
            if ($(tempPlay).hasClass('cl2') || (/* j<g_channelNum-g_digitalChannel && */$(tempsub).hasClass('subPlay'))) {
                var temp = "re" + (j).toString();
                $(temp).removeClass($(temp).className);
                $(temp).addClass('record');
            }

        }
    }
    else if (bStopRecord) {
        for (var j = 0; j < g_channelNum; j++) {
            var temp = "re" + (j).toString();
            $(temp).removeClass($(temp).className);
            $(temp).addClass('noRecord');
        }

    }
    getcolors();
    </SCRIPT>

<SCRIPT language=javascript for=ocx event=bSound(bs)>//选择窗口是否有播放声音
    bSound(bs);
    </SCRIPT>

<SCRIPT language=javascript for=ocx event=ReBoot()>
        ReBoot();

    </SCRIPT>

<SCRIPT language=javascript for=ocx event=AutoPlayAll(bPlay)>
        AutoPlayAll(bPlay);

    </SCRIPT>
<!-- 加载效果 -->
<SCRIPT>
        window.addEvent('domready', function () {

            resizeM();


//颜色滑块
            gslda = new Slider($('saa'), $('ska'), {
                steps: 128,
                onChange: function (step) {
                    setcolorsv(1, step);
                    setcolors();
                }
            });

            gsldb = new Slider($('sab'), $('skb'), {
                steps: 128,
                onChange: function (step) {
                    setcolorsv(2, step);
                    setcolors();
                }
            });

            gsldc = new Slider($('sac'), $('skc'), {
                steps: 128,
                onChange: function (step) {
                    setcolorsv(3, step);
                    setcolors();
                }
            });

            gsldd = new Slider($('sad'), $('skd'), {
                steps: 128,
                onChange: function (step) {
                    setcolorsv(4, step);
                    setcolors();
                }
            });
            //********************************


            var taba1 = $('taba1');
            var taba2 = $('taba2');
            taba1.addEvent('click', function (e) {
                new Event(e).stop();
                if (this.hasClass('t3')) {
                    this.removeClass(this.className);
                    this.addClass('t1');
                    taba2.removeClass(taba2.className);
                    taba2.addClass('t2');
                    $('yt3t1').style.display = "";
                    $('yt3t2').style.display = "none";
                }
            });

            taba2.addEvent('click', function (e) {
                new Event(e).stop();
                if (this.hasClass('t2')) {
                    taba1.removeClass(taba2.className);
                    taba1.addClass('t3');
                    this.removeClass(this.className);
                    this.addClass('t4');
                    $('yt3t1').style.display = "none";
                    $('yt3t2').style.display = "";
                }
            });
//主菜单
            var kwicks = $$('#kwick .kwick');
            var fx = new Fx.Elements(kwicks, {wait: false, duration: 300, transition: Fx.Transitions.Back.easeOut});
            kwicks.each(function (kwick, i) {
                kwick.addEvent('mouseenter', function (e) {
                    var obj = {};
                    obj[i] = {
                        'width': [kwick.getStyle('width').toInt(), 155]
                    };
                    kwicks.each(function (other, j) {
                        if (other != kwick) {
                            var w = other.getStyle('width').toInt();
                            if (w != 80) obj[j] = {'width': [w, 110]};
                        }
                    });
                    fx.start(obj);
                });
            });

            $('kwick').addEvent('mouseleave', function (e) {
                var obj = {};
                kwicks.each(function (other, j) {
                    obj[j] = {'width': [other.getStyle('width').toInt(), 120]};
                });
                fx.start(obj);
            });
            inilanguage();
            getsetting();


            if (!DetectActiveX()) {
                return;
            }
            else {
                if (!bCrossBrow && !bnpCheck) {
                    $('downLoad').style.display = "none";
                }
                ;

                $('win_install_activex').style.top = "-10000px";
                if (bNat) {

                    if (0 < ocx.SetSpecialParamEx2(1, serverIP, serverPort, "")) {

                    }

                    if (!bLoginpage) {
                        resizeM();
                        ld();

                    }
                    else {
                        $('login').style.display = "";
                        resize();
                    }
                }
                else {
                    $('login').style.display = "";
                    resize();
                }


                if (bLoginpage || !bNat) {
                    $('mttc').style.display = "";
                }

                if (!bNat || g_channelNum > 1) {
                    $('mba').style.display = "";
                }

            }

        });
    </SCRIPT>

<SCRIPT type=text/javascript>
        function DetectActiveX() {
            try {
                var comActiveX = new ActiveXObject("WEB.WebCtrl.1");
                comActiveX = null;
            }
            catch (e) {
                if (bCrossBrow) {
                    return true;
                }
                ;
                return false;
            }
            return true;
        }

        function Download() {
            window.open("/download/ocx/Active.exe");
            // window.open("/index");
        }
    </SCRIPT>

<META name=GENERATOR content="MSHTML 8.00.7600.16385"></HEAD>
<BODY style="overflow: hidden">
<DIV 
style="MARGIN-TOP: 350px; WIDTH: 200px; DISPLAY: none; HEIGHT: 20px; MARGIN-LEFT: auto; MARGIN-RIGHT: auto;display: none"
id=pageerror><SPAN style="COLOR: black; FONT-SIZE: 16px" 
id=errormessage></SPAN></DIV>
<DIV style="DISPLAY: none" id=login>
<DIV style="POSITION: absolute; WIDTH: 0px; TOP: -2000px"><A 
style="BACKGROUND: url(play.gif)"></A><A 
style="BACKGROUND: url(noPlay.gif)"></A><A 
style="BACKGROUND: url(record.gif)"></A><A 
style="BACKGROUND: url(noRecord.gif)"></A><A 
style="BACKGROUND: url(noSubPlay.gif)"></A><A 
style="BACKGROUND: url(subPlay.gif)"></A><A 
style="BACKGROUND: url(noTalk.gif)"></A><A 
style="BACKGROUND: url(Talk.gif)"></A><A 
style="BACKGROUND: url(btn_blue_left.gif)"></A><A 
style="BACKGROUND: url(btn_blue_right.gif)"></A></DIV><!-- <div style="position: absolute; width: 100%; height: 228px; top: 0px; left: 0px;
            right: 0;">-->
<DIV 
style="POSITION: relative; WIDTH: 100%; BACKGROUND: url(t.jpg) #fff repeat-x; HEIGHT: 228px" 
id=lt></DIV><!--  </div>-->
<DIV 
style="POSITION: absolute; WIDTH: 1345px; HEIGHT: 299px; TOP: 228px; RIGHT: 0px; LEFT: 0px" 
id=lm>
<DIV 
style="POSITION: relative; WIDTH: 102px; BACKGROUND: url(lr.jpg) repeat-x; FLOAT: left; HEIGHT: 100%" 
id=lmll></DIV>
<DIV 
style="MARGIN: 0px; WIDTH: 355px; BACKGROUND: url(ml.jpg); FLOAT: left; HEIGHT: 299px" 
id=lml></DIV>
<DIV style="MARGIN: 0px; WIDTH: 417px; FLOAT: left; HEIGHT: 299px" id=lmm>
<DIV 
style="WIDTH: 417px; BACKGROUND: url(l_bgm.gif); FLOAT: left; HEIGHT: 223px">
<DIV 
style="POSITION: relative; WIDTH: 417px; BACKGROUND: url(../logo/webLogo/l_bgm2.gif); HEIGHT: 223px">
<DIV style="WIDTH: 11px; FLOAT: left; HEIGHT: 100%"></DIV>
<DIV 
style="MARGIN: 0px; WIDTH: 406px; FONT-FAMILY: Arial, '宋体'; FLOAT: left; HEIGHT: 100%; COLOR: #000000; FONT-SIZE: 15px">
<DIV 
style="PADDING-BOTTOM: 0px; MARGIN: 10px 0px 0px 340px; PADDING-LEFT: 2px; WIDTH: 56px; PADDING-RIGHT: 0px; BACKGROUND: url(board.gif); HEIGHT: 14px; OVERFLOW: hidden; CURSOR: pointer; PADDING-TOP: 3px" 
id=DownLoadPlug onclick=DownLoadLo();>
<DIV 
style="BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; WIDTH: 100%; HEIGHT: 100%; COLOR: #000; BORDER-TOP: 0px; BORDER-RIGHT: 0px"></DIV></DIV>
<DIV style="WIDTH: 100%; DISPLAY: inline">
<DIV 
style="MARGIN: 15px 122px 0px 0px; WIDTH: 135px; DISPLAY: inline; BACKGROUND: url(logo.gif); FLOAT: right; HEIGHT: 31px" 
id=logo1></DIV></DIV>
<DIV style="MARGIN: 7px 0px 0px; WIDTH: 100%; FLOAT: right"><INPUT 
style="PADDING-BOTTOM: 0px; LINE-HEIGHT: 25px; MARGIN: 0px 120px 0px 0px; PADDING-LEFT: 0px; WIDTH: 133px; PADDING-RIGHT: 0px; FLOAT: right; HEIGHT: 25px; COLOR: #000; FONT-SIZE: 15px; PADDING-TOP: 0px" 
onkeydown="javascript:if (event.keyCode==13) event.keyCode=9;" id=username 
type=text> <SPAN 
style="MARGIN: 0px 3px 0px 0px; FONT-FAMILY: Arial, '宋体'; FLOAT: right; COLOR: #fff; FONT-SIZE: 15px; PADDING-TOP: 12px" 
id=userNameInput></SPAN></DIV>
<DIV style="MARGIN: 5px 0px 0px; WIDTH: 100%; FLOAT: right"><INPUT 
style="PADDING-BOTTOM: 0px; LINE-HEIGHT: 25px; MARGIN: 0px 120px 0px 0px; PADDING-LEFT: 0px; WIDTH: 133px; PADDING-RIGHT: 0px; FLOAT: right; HEIGHT: 25px; COLOR: #000; FONT-SIZE: 15px; PADDING-TOP: 0px" 
onkeydown="javascript:if (event.keyCode==13) ld();" id=password type=password> 
<SPAN 
style="MARGIN: 0px 3px 0px 0px; FONT-FAMILY: Arial, '宋体'; FLOAT: right; COLOR: #fff; FONT-SIZE: 15px; PADDING-TOP: 12px" 
id=passWordInput></SPAN></DIV>
<DIV style="MARGIN: 5px 0px 0px; WIDTH: 100%; DISPLAY: none; FLOAT: right" 
id=macaddress><INPUT 
style="PADDING-BOTTOM: 0px; LINE-HEIGHT: 25px; MARGIN: 0px 120px 0px 0px; PADDING-LEFT: 0px; WIDTH: 133px; PADDING-RIGHT: 0px; FLOAT: right; HEIGHT: 25px; COLOR: #000; FONT-SIZE: 15px; PADDING-TOP: 0px" 
id=macadd> <SPAN 
style="MARGIN: 0px 3px 0px 0px; FONT-FAMILY: Arial, '宋体'; FLOAT: right; COLOR: #fff; FONT-SIZE: 15px; PADDING-TOP: 12px" 
id=macaddInput></SPAN></DIV>
<DIV style="MARGIN: 0px 0px 0px 174px"><BUTTON 
style="BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px 0px; PADDING-LEFT: 0px; WIDTH: 88px; PADDING-RIGHT: 0px; BACKGROUND: url(bt.gif); HEIGHT: 28px; COLOR: #000; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 4px" 
id=loginBT onclick=ld() type=submit></BUTTON> </DIV></DIV></DIV></DIV>
<DIV 
style="WIDTH: 417px; BACKGROUND: url(l_bgmd.gif); FLOAT: left; HEIGHT: 76px"></DIV></DIV>
<DIV style="WIDTH: 355px; BACKGROUND: url(mr.jpg); FLOAT: left; HEIGHT: 299px" 
id=lmr></DIV>
<DIV 
style="POSITION: relative; WIDTH: 114px; BACKGROUND: url(lr.jpg) repeat-x; FLOAT: left; HEIGHT: 100%" 
id=lmrr></DIV></DIV>
<DIV 
style="POSITION: absolute; WIDTH: 100%; HEIGHT: 266px; TOP: 527px; LEFT: 0px">
<DIV 
style="WIDTH: 34.2%; BACKGROUND: url(dlr.jpg) repeat-x; FLOAT: left; HEIGHT: 66px" 
id=ldl></DIV>
<DIV style="WIDTH: 31%; BACKGROUND: url(dm.jpg); FLOAT: left; HEIGHT: 66px" 
id=ldm></DIV>
<DIV 
style="WIDTH: 34.8%; BACKGROUND: url(dlr.jpg) repeat-x; FLOAT: left; HEIGHT: 66px" 
id=ldr></DIV>
<DIV 
style="WIDTH: 100%; BACKGROUND: url(dlr.jpg) repeat-x; FLOAT: left; HEIGHT: 200px"></DIV></DIV></DIV>
<DIV 
style="BACKGROUND-COLOR: #ffffff; MARGIN-TOP: 0px; WIDTH: 100%; DISPLAY: none; HEIGHT: 100%"
id=downLoad>
<DIV 
style="TEXT-ALIGN: center; MARGIN: 300px 0px 0px 30px; WIDTH: 540px; FLOAT: left; COLOR: #000"
id=dlText></DIV><BUTTON 
style="MARGIN: 300px 0px 0px; WIDTH: 100px; FLOAT: left; COLOR: #000" 
id=dlbutton onclick=Download(); type=submit></BUTTON> </DIV>
<DIV 
style="POSITION: absolute; BACKGROUND-COLOR: white; WIDTH: 100%; HEIGHT: 100%; TOP: -10000px; LEFT: 0px;display: none"
id=win_install_activex>
<DIV 
style="TEXT-ALIGN: left; PADDING-BOTTOM: 10px; MARGIN-TOP: 100px; PADDING-LEFT: 20px; WIDTH: 800px; PADDING-RIGHT: 20px; HEIGHT: 500px; MARGIN-LEFT: auto; MARGIN-RIGHT: auto; PADDING-TOP: 10px">
<DIV 
style="LINE-HEIGHT: normal; FONT-FAMILY: Arial; COLOR: #5b91ac; FONT-SIZE: 18px; FONT-WEIGHT: bold" 
id=needOCX>需要 ActiveX... </DIV>
<DIV style="MARGIN-TOP: 0px; FONT-FAMILY: Arial; COLOR: black; FONT-SIZE: 14px" 
id=reason>需要安装一些 ActiveX 控件才能观看实时视频。 </DIV>
<TABLE style="MARGIN-TOP: 10px" border=0 cellSpacing=3 cellPadding=0>
  <TBODY>
  <TR>
    <TD 
    style="WIDTH: 300px; PADDING-RIGHT: 30px; FONT-FAMILY: Arial; FONT-SIZE: 14px; VERTICAL-ALIGN: top">
      <H2 
      style="BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 2px; LINE-HEIGHT: 22px; MARGIN: 3px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; HEIGHT: 22px; COLOR: black; FONT-SIZE: 14px; BORDER-TOP: #ccc 1px solid; FONT-WEIGHT: bold; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 2px" 
      id=step1>步骤 1:</H2>
      <DIV style="DISPLAY: inline; COLOR: black" id=step11>如果屏幕顶端显示此消息，请单击消息并选择 
      </DIV><STRONG id=step12>安装 ActiveX 控件...</STRONG><BR><BR><IMG 
      src="index_files/activex-0831-1.gif"><BR><BR><IMG 
      src="index_files/activex-0831-2.gif"><BR></TD>
    <TD style="WIDTH: 300px; FONT-SIZE: 14px; VERTICAL-ALIGN: top">
      <H2 
      style="BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 2px; LINE-HEIGHT: 22px; MARGIN: 3px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; FONT-FAMILY: Arial; HEIGHT: 22px; COLOR: black; FONT-SIZE: 14px; BORDER-TOP: #ccc 1px solid; FONT-WEIGHT: bold; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 2px" 
      id=step2>步骤 2:</H2>
      <DIV style="DISPLAY: inline; COLOR: black" id=step21>当出现此窗口时，单击 
      </DIV><STRONG id=step22>安装</STRONG> 
      <DIV id=step23></DIV><BR><BR><IMG 
  src="index_files/activex-2.gif"><BR></TD></TR></TBODY></TABLE>
<P>&nbsp;</P>
<DIV style="MARGIN-TOP: 20px" class=alert>
<DIV style="COLOR: black" id=if1 class=info>如果未出现此消息栏... </DIV></DIV><IMG 
style="MARGIN-TOP: 5px" src="index_files/activex-0831-1.gif"> <BR><BR>
<UL 
style="MARGIN-TOP: 10px; FONT-FAMILY: Arial; MARGIN-BOTTOM: 10px; FONT-SIZE: 14px">
  <LI>
  <DIV style="DISPLAY: inline; COLOR: black" id=clickrefresh>单击 </DIV><STRONG 
  style="COLOR: black" id=clickrefresh1>刷新</STRONG> 
  <DIV style="DISPLAY: inline; COLOR: black" 
  id=clickrefresh2>按钮刷新此页面，并再次检查警告栏是否出现。 </DIV><BR></LI>
  <LI>
  <DIV style="DISPLAY: inline; COLOR: black" id=if2>如果消息栏仍然未出现，请单击下方的 
  </DIV><STRONG style="COLOR: black" id=if21>下载安装程序</STRONG> 
  <DIV style="DISPLAY: inline; COLOR: black" id=if22>按钮下载 ActiveX 
  控件的安装程序以手动安装这些控件。 </DIV><BR></LI></UL>
<P></P>
<P>&nbsp;</P>
<DIV>
<DIV 
style="TEXT-ALIGN: center; WIDTH: 64px; BACKGROUND: url(btn_white_left.gif) no-repeat; FLOAT: left; HEIGHT: 20px; CURSOR: pointer; FONT-WEIGHT: bold" 
id=refresh 
onmouseover="javascript:$('refresh').setStyle('background','url(btn_blue_left.gif)')" 
onmouseout="javascript:$('refresh').setStyle('background','url(btn_white_left.gif)')" 
onclick=window.location.reload()>
<DIV 
style="TEXT-ALIGN: center; MARGIN-TOP: 4px; WIDTH: 100%; FLOAT: left; COLOR: black; FONT-SIZE: 12px" 
id=btnrefresh>刷新 </DIV></DIV>
<DIV 
style="TEXT-ALIGN: center; WIDTH: 113px; BACKGROUND: url(btn_white_right.gif) no-repeat; FLOAT: left; HEIGHT: 20px; COLOR: black; MARGIN-LEFT: 20px; CURSOR: pointer; FONT-WEIGHT: bold" 
id=downloadexe 
onmouseover="javascript:$('downloadexe').setStyle('background-image','url(btn_blue_right.gif)')" 
onmouseout="javascript:$('downloadexe').setStyle('background-image','url(btn_white_right.gif)')" 
onclick=Download()>
<DIV 
style="TEXT-ALIGN: center; MARGIN-TOP: 4px; WIDTH: 100%; FLOAT: left; COLOR: black; FONT-SIZE: 12px" 
id=btndownload>下载安装程序 </DIV></DIV></DIV></DIV></DIV>
<SCRIPT type=text/javascript>
    //	
    $('needOCX').setText(Translate.NeedOCX);
    $('reason').setText(Translate.Reason);
    $('step1').setText(Translate.Step1);
    $('step11').setText(Translate.Situation1);
    $('step12').setText(Translate.InstallActiveX);
    $('step2').setText(Translate.Step2);
    $('step21').setText(Translate.Situation2);
    $('step22').setText(Translate.Install);
    $('if1').setText(Translate.If1);
    $('clickrefresh').setText(Translate.click);
    $('clickrefresh1').setText(Translate.refresh);
    $('clickrefresh2').setText(Translate.check);
    $('if2').setText(Translate.If2);
    $('if21').setText(Translate.Download);
    $('if22').setText(Translate.Mannual);
    $('btnrefresh').setText(Translate.refresh);
    $('btndownload').setText(Translate.Download);
    var g_whitePage = false;
    if (false == DetectActiveX()) {

        if (LoardAddress != "") {
            g_whitePage = true;
        }
        else {
            g_InstalledOCX = false;
        }
        if (bCrossBrow)//跨浏览器
        {
            g_InstalledOCX = true;
        }

    }
    if (!g_InstalledOCX) {
        $('win_install_activex').style.top = "0px";
    }

    if (!g_whitePage) {

        if (bLoginpage && bNat) {
            $('macaddress').style.display = "";
        }
        var len = navigator.mimeTypes.length;
        for (var i = 0; i < len; i++) {
            if (navigator.mimeTypes[i].type.toLowerCase() == "application/nptest-plugin") {
                bnpCheck = true;
                $('DownLoadPlug').style.display = "none";
                $('logo1').setStyle('margin-top', 31);
                break;
            }
        }
    }
    else {

        var userla = navigator.browserLanguage;
        if (userla == "zh-cn") {
            $('dlText').setText("请安装随机光盘中的IE控件或者从网络下载IE控件");
            $('dlbutton').setText("下载");

        }
        else {
            $('dlText').setText("Please install IE ActiveX: IE_Plugins.exe from CD or download from internet");
            $('dlbutton').setText("Download");
        }
//        $('downLoad').style.display = '';
    }
    if (!g_whitePage && bLoginpage && g_InstalledOCX || !bNat) {
        $('login').style.display = '';
        resizeL();

    }
</SCRIPT>

<DIV id=m style="overflow: hidden;width: 325px;height: 165px;overflow: hidden">
<DIV id=backGround style="width: 325px;height: 165px;overflow: hidden">
<DIV id=ma style="display: none">
<DIV >
<DIV id=maa></DIV>
<DIV id=mab></DIV>
<DIV id=mac>
<DIV
style="POSITION: relative; WIDTH: 126px; BACKGROUND: url(../logo/webLogo/logo.gif); HEIGHT: 100%"></DIV></DIV>
<DIV id=mad></DIV>
<DIV id=kwick>
<UL class=kwicks>
  <LI><SPAN id=mthf class="kwick b" onclick=ocx.ShowPlayBack()>回放</SPAN></LI>
  <LI><SPAN id=mtrz class="kwick c" onclick=ocx.ShowLog()>日志</SPAN></LI>
  <LI><SPAN id=mtsbpz class="kwick a"
  onclick=ocx.ShowDeviceConfig()>设备配置</SPAN></LI>
  <LI><SPAN id=mtkhdpz class="kwick d"
  onclick=ocx.ShowClientConfig()>客户端配置</SPAN></LI>
  <LI><SPAN id=mttc class="kwick e" onclick=Logout()>退出</SPAN></LI></UL></DIV>
<DIV id=mae></DIV></DIV></DIV>
<DIV id=mb style="width: 325px;height: 165px">
<DIV
style="PADDING-BOTTOM: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; DISPLAY: none; FLOAT: left; PADDING-TOP: 0px;display: none"
id=mba>
<DIV class=mpad><!--  <div id='dra' style="height: 29px; background: url(m_dram.jpg); position: relative;">
                            <div style="height: 29px; width: 8px; background: url(m_dral.jpg); float: left">
                            </div>
                            <div style="height: 29px; width: 8px; background: url(m_drar.jpg); float: right;
                                margin: 0 0px 0 0; cursor: move;">
                            </div>
                        </div>-->
<DIV id=dcl>
<DIV
style="POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: url(mb_bg.jpg) repeat-x; HEIGHT: 533px; OVERFLOW: auto; PADDING-TOP: 0px"
id=mbal>
<UL id=cl></UL></DIV></DIV></DIV></DIV>
<DIV
style="width: 325px;height: 170px;position: absolute;top:0px;left: 0px"
id=mbb><!--<div id="drb" style="width: 100%; float: left; height: 29px; background: url(m_dram.jpg)">
                        <div style="height: 29px; width: 8px; background: url(m_dral.jpg); float: left">
                        </div>
                        <div style="height: 29px; width: 8px; background: url(m_drar.jpg); float: right;
                            margin: 0 0 0 0;">
                        </div>
                    </div>-->
<DIV
style="PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; FLOAT: left; HEIGHT: 100%; PADDING-TOP: 0px"
id=pla>
<SCRIPT>

                        if (g_whitePage) {

                        } else {
                            var cLanguage;
                            switch (iLanguage) {
                                case 100:
                                    cLanguage = "English";
                                    break;
                                case 101:
                                    cLanguage = "SimpChinese";
                                    break;
                                case 102:
                                    cLanguage = "TradChinese";
                                    break;
                                case 103:
                                    cLanguage = "Italian";
                                    break;
                                case 104:
                                    cLanguage = "Spanish";
                                    break;
                                case 105:
                                    cLanguage = "Japanese";
                                    break;
                                case 106:
                                    cLanguage = "Russian";
                                    break;
                                case 107:
                                    cLanguage = "French";
                                    break;
                                case 108:
                                    cLanguage = "German";
                                    break;
                                case 109:
                                    cLanguage = "Portugal";
                                    break;
                                case 110:
                                    cLanguage = "Turkey";
                                    break;
                                case 111:
                                    cLanguage = "Poland";
                                    break;
                                case 112:
                                    cLanguage = "Romanian";
                                    break;
                                case 113:
                                    cLanguage = "Hungarian";
                                    break;
                                case 114:
                                    cLanguage = "Finnish";
                                    break;
                                case 116:
                                    cLanguage = "Korean";
                                    break;
                                case 117:
                                    cLanguage = "Farsi";
                                    break;
                                case 119:
                                    cLanguage = "Thai";
                                    break;
                                case 120:
                                    cLanguage = "Greek";
                                    break;
                                case 121:
                                    cLanguage = "Vietnamese";
                                    break;
                                case 123:
                                    cLanguage = "Brazilian";
                                    break;
                                case 124:
                                    cLanguage = "Hebrew";
                                    break;
                                case 125:
                                    cLanguage = "Indonesian";
                                    break;
                                case 126:
                                    cLanguage = "Arabic";
                                    break;
                                case 127:
                                    cLanguage = "Swedish";
                                    break;
                                case 128:
                                    cLanguage = "Czech";
                                    break;
                                case 129:
                                    cLanguage = "Bulgarian";
                                    break;
                                default:
                                    cLanguage = "English";
                                    break;
                            }
                            document.write("<div style='position: absolute; top: -1020px;'><a style='backGround:url(mb_bg.jpg)'></a></div>")
                            document.write(" <div style='position: absolute; top: -1000px;'><a style='background:url(yta11.jpg)'></a> <a style='background: url(yt-1.gif)'></a><a style='background: url(yt+1.gif)'></a><a style='background: url(11.jpg)'></a><a style='background: url(91.jpg)'></a><a style='background: url(41.jpg)'></a><a style='background: url(stopRecordAll1.jpg)'></a> <a style='background: url(m_img21.jpg)'></a><a style='background: url(m_img41.jpg)'>      </a><a style='background: url(audio.jpg)'></a><a style='background: url(yt11.jpg)'></a>        <a style='background: url(yt21.jpg)'></a><a style='background: url(yt31.jpg)'></a>        <a style='background: url(yt41.jpg)'></a><a style='background: url(yt51.jpg)'></a>        <a style='background: url(yt61.jpg)'></a><a style='background: url(yt71.jpg)'></a>        <a style='background: url(yt81.jpg)'></a><a style='background: url(yt91.jpg)'></a>        <a style='background: url(yt+1.png)'></a><a style='background: url(yt-1.png)'></a>        <a style='background: url(goPreSet1.jpg)'></a><a style='background: url(addPreSet1.jpg)'>        </a><a style='background: url(editCruise1.jpg)'></a><a style='background: url(delPreSet1.jpg)'>        </a><a style='background: url(goCruise1.jpg)'></a><a style='background: url(stopCruise1.jpg)'>        </a><a style='background: url(t1t.jpg)'></a><a style='background: url(yy11.jpg)'></a>        <a style='background: url(full1.jpg)'></a><a style='background: url(sar.png)'></a>        <a style='background: url(sar1.png)'></a><a style='background: url(sal.png)'></a>        <a style='background: url(sal1.png)'></a><a style='background: url(stopAll1.jpg)'></a>        <a style='background: url(startAll1.jpg)'></a><a style='background: url(snap1.jpg)'></a>        <a style='background: url(recordAll1.jpg)'></a><a style='background: url(stopRecordAll.jpg)'></a><a style='background: url(361.jpg)'></a><a style='background: url(251.jpg)'></a><a style='background: url(161.jpg)'></a>    </div>");
                            //document.write("<object  id='ocx' width='100%' height='100%' classid='CLSID:FD3BEB0C-AB43-4253-9146-C371D48FBE0D'  codebase='"+cabAddress+"'><param name='Language' value='"+cLanguage+"'><param name='passPort' value='1'></object>");
                            if (bCrossBrow)//crossBrow
                            {
                                document.write("<object id='ocx' type='application/nptest-plugin' width='100%' height='100%' ></object>")


                                if (!bnpCheck) {
                                    /*$('DownLoadPlug').style.display='';
                                     $('logo1').setStyle('margin-top',0);
                                     var userla=navigator.browserLanguage;
                                     $('DownLoadPlug').setStyle('margin-left',-2);
                                     $('DownLoadPlug').setStyle('width',400);
                                     $('DownLoadPlug').setStyle('height',27);
                                     $('DownLoadPlug').setStyle('margin-top',2);
                                     if(userla=="zh-cn")
                                     {
                                     $('DownLoadPlug').setText("点击下载Plugin,安装完请先关闭再启动浏览器"); 
                                     $('DownLoadPlug').style.background='#f00';

                                     }
                                     else
                                     {
                                     $('DownLoadPlug').setText("点击下载Plugin,安装完请先关闭再启动浏览器");
                                     $('DownLoadPlug').style.background='#969ea8';
                                     $('DownLoadPlug').style.color='#f00';
                                     $('DownLoadPlug').style.fontSize='20px';
                                     }*/
                                    var userla = navigator.language;
                                    if (userla == "zh-CN") {
                                        $('dlText').setText("点击下载Plugin,安装完请先关闭再启动浏览器");
                                        $('dlbutton').setText("下载");

                                    }
                                    else {
                                        $('dlText').setText("Click on the download plug-in, please close to launch a browser installed");
                                        $('dlbutton').setText("Download");
                                    }
//                                    $('downLoad').style.display = '';
                                }
                            } else {
                                document.write("<object  id='ocx' width='100%' height='100%' classid='CLSID:FD3BEB0C-AB43-4253-9146-C371D48FBE0D'  codebase='" + cabAddress + "'><param name='Language' value='" + cLanguage + "'></object>");

                            }


                        }
                    </SCRIPT>
</DIV>
<DIV
style="MARGIN: 2px 0px 0px; WIDTH: 100%; BACKGROUND: url(plcb11.jpg); FLOAT: left; HEIGHT: 33px;display: none"
id=plc>
<DIV
style="WIDTH: 7px; BACKGROUND: url(plcbl.jpg); FLOAT: left; HEIGHT: 33px"></DIV>
<DIV
style="WIDTH: 7px; BACKGROUND: url(plcbr.jpg); FLOAT: right; HEIGHT: 33px"></DIV><!--	<div id='pbh' style="background:url(plcb.jpg);width:580px;height:33px;position:absolute;"></div>-->
<DIV style="POSITION: relative; MARGIN: 2px 0px 0px 10px; HEIGHT: 26px" id=pb>
<DIV id=pc>
<DIV style="MARGIN: 0px"><A id=xp0 class=p0 onclick=ocx.Fullscreen(true)
href="javascript:;"></A></DIV>
<DIV style="MARGIN: 0px 0px 0px 5px"><A id=xp1 class=p1
onclick=ocx.ChangeShowWndNum(1,true,0,0) href="javascript:;"></A></DIV>
<DIV style="MARGIN: 0px 0px 0px 5px"><A id=xp2 class=p2
onclick=ocx.ChangeShowWndNum(4,true,0,0) href="javascript:;"></A></DIV>
<DIV style="MARGIN: 0px 0px 0px 5px"><A id=xp3 class=p3
onclick=ocx.ChangeShowWndNum(9,true,0,0) href="javascript:;"></A></DIV>
<DIV style="MARGIN: 0px 0px 0px 5px"><A id=xp4 class=p4
onclick=ocx.ChangeShowWndNum(16,true,0,0) href="javascript:;"></A></DIV>
<DIV style="MARGIN: 0px 0px 0px 5px"><A id=xp5 class=p5
onclick=ocx.ChangeShowWndNum(25,true,0,0) href="javascript:;"></A></DIV>
<DIV style="MARGIN: 0px 0px 0px 5px"><A id=xp6 class=p6
onclick=ocx.ChangeShowWndNum(36,true,0,0) href="javascript:;"></A></DIV>
<DIV style="MARGIN: 0px 0px 0px 5px"><A id=startPlayAll class=p7
onclick=ocx.PlayAll() href="javascript:;"></A></DIV>
<DIV style="MARGIN: 0px 0px 0px 5px"><A id=stopPlayAll class=p72
onclick=ocx.StopRealPlayAll() href="javascript:;"></A></DIV>
<DIV style="MARGIN: 0px 0px 0px 5px"><A id=snap class=p8 title=snap
onclick="ocx.BMPCapturePicture('C:\\BMP')" href="javascript:;"></A></DIV>
<DIV style="MARGIN: 0px 0px 0px 5px"><A id=recordAll class=p9
onclick="ocx.startRecordAll('C:\\record')" href="javascript:;"></A></DIV>
<DIV style="MARGIN: 0px 0px 0px 5px"><A id=stopRecordAll class=p92
onclick=ocx.stopRecordAll() href="javascript:;"></A></DIV>
<DIV style="MARGIN: 0px 17px 0px 0px; FLOAT: right"><A id=Audio class=p102
onclick=openAudio() href="javascript:;"></A></DIV></DIV></DIV></DIV></DIV>
<DIV
style="PADDING-BOTTOM: 0px; PADDING-LEFT: 5px; WIDTH: 140px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px;display: none"
id=mbc>
<DIV style="WIDTH: 140px; BACKGROUND: url(mb_bg.jpg); OVERFLOW: hidden"
id=mrtop><!--<div id='drc' style="height: 29px; width: 100%; background: url(m_dram.jpg); position: relative;">
                            <div style="height: 29px; width: 8px; background: url(m_dral.jpg); float: left">
                            </div>
                            <div style="height: 29px; width: 8px; background: url(m_drar.jpg); float: right;
                                margin: 0 0px 0 0; cursor: move;">
                            </div>
                        </div>-->
<DIV
style="POSITION: relative; PADDING-BOTTOM: 0px; PADDING-LEFT: 8px; WIDTH: 125px; PADDING-RIGHT: 8px; HEIGHT: 130px; PADDING-TOP: 8px"
id=yt>
<DIV
style="PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 40px; PADDING-RIGHT: 0px; HEIGHT: 35px; PADDING-TOP: 0px"><A
onmouseup="ocx.PTZCtrlStop(-1,4,parseInt($('ps').value))" class=y1
onmousedown="ocx.PTZCtrlStart(-1,4,parseInt($('ps').value))"
href="javascript:;"></A></DIV>
<DIV
style="PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 45px; PADDING-RIGHT: 0px; HEIGHT: 35px; PADDING-TOP: 0px"><A
onmouseup="ocx.PTZCtrlStop(-1,0,parseInt($('ps').value))" class=y2
onmousedown="ocx.PTZCtrlStart(-1,0,parseInt($('ps').value))"
href="javascript:;"></A></DIV>
<DIV
style="PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 39px; PADDING-RIGHT: 0px; HEIGHT: 35px; PADDING-TOP: 0px"><A
onmouseup="ocx.PTZCtrlStop(-1,6,parseInt($('ps').value))" class=y3
onmousedown="ocx.PTZCtrlStart(-1,6,parseInt($('ps').value))"
href="javascript:;"></A></DIV>
<DIV
style="PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 40px; PADDING-RIGHT: 0px; HEIGHT: 50px; PADDING-TOP: 0px"><A
onmouseup="ocx.PTZCtrlStop(-1,2,parseInt($('ps').value))" class=y4
onmousedown="ocx.PTZCtrlStart(-1,2,parseInt($('ps').value))"
href="javascript:;"></A></DIV>
<DIV style="WIDTH: 45px; HEIGHT: 50px"><A class=y5 onclick=ocx.OnBntEntermenu();
href="javascript:;"></A></DIV>
<DIV
style="PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 39px; PADDING-RIGHT: 0px; HEIGHT: 50px; PADDING-TOP: 0px"><A
onmouseup="ocx.PTZCtrlStop(-1,3,parseInt($('ps').value))" class=y6
onmousedown="ocx.PTZCtrlStart(-1,3,parseInt($('ps').value))"
href="javascript:;"></A></DIV>
<DIV
style="PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 40px; PADDING-RIGHT: 0px; HEIGHT: 45px; PADDING-TOP: 0px"><A
onmouseup="ocx.PTZCtrlStop(-1,5,parseInt($('ps').value))" class=y7
onmousedown="ocx.PTZCtrlStart(-1,5,parseInt($('ps').value))"
href="javascript:;"></A></DIV>
<DIV
style="PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 45px; PADDING-RIGHT: 0px; HEIGHT: 35px; PADDING-TOP: 0px"><A
onmouseup="ocx.PTZCtrlStop(-1,1,parseInt($('ps').value))" class=y8
onmousedown="ocx.PTZCtrlStart(-1,1,parseInt($('ps').value))"
href="javascript:;"></A></DIV>
<DIV
style="PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 39px; PADDING-RIGHT: 0px; HEIGHT: 35px; PADDING-TOP: 0px"><A
onmouseup="ocx.PTZCtrlStop(-1,7,parseInt($('ps').value))" class=y9
onmousedown="ocx.PTZCtrlStart(-1,7,parseInt($('ps').value))"
href="javascript:;"></A></DIV></DIV>
<DIV
style="POSITION: relative; PADDING-BOTTOM: 0px; PADDING-LEFT: 8px; WIDTH: 132px; PADDING-RIGHT: 0px; HEIGHT: 20px; OVERFLOW: hidden; PADDING-TOP: 0px">
<DIV style="FLOAT: left; COLOR: #ffffff" id=xbc class=divt>步长(1-8): </DIV>
<DIV
style="PADDING-BOTTOM: 0px; PADDING-LEFT: 3px; WIDTH: 53px; PADDING-RIGHT: 0px; BACKGROUND: url(ytabg.jpg); FLOAT: left; HEIGHT: 18px; PADDING-TOP: 0px"><INPUT
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
id=ps class=inputyt onkeyup="value=value.replace(/[^\d]/g,'')" value=5
maxLength=1 type=text> <A class=yta1 onclick=showmu1()
href="javascript:;"></A></DIV></DIV>
<DIV style="DISPLAY: none" id=smu1>
<UL>
  <LI><A onclick=onmu1(1) href="javascript:;">1</A></LI>
  <LI><A onclick=onmu1(2) href="javascript:;">2</A></LI>
  <LI><A onclick=onmu1(3) href="javascript:;">3</A></LI>
  <LI><A onclick=onmu1(4) href="javascript:;">4</A></LI>
  <LI><A onclick=onmu1(5) href="javascript:;">5</A></LI>
  <LI><A onclick=onmu1(6) href="javascript:;">6</A></LI>
  <LI><A onclick=onmu1(7) href="javascript:;">7</A></LI>
  <LI><A onclick=onmu1(8) href="javascript:;">8</A></LI></UL></DIV>
<DIV style="POSITION: relative; MARGIN: 0px 5px; WIDTH: 132px; HEIGHT: 90px"
id=yt1>
<DIV
style="PADDING-BOTTOM: 5px; PADDING-LEFT: 14px; PADDING-RIGHT: 0px; PADDING-TOP: 0px"><A
onmouseup="ocx.PTZCtrlStop(-1,9,parseInt($('ps').value))" class=y1
onmousedown="ocx.PTZCtrlStart(-1,9,parseInt($('ps').value))"
href="javascript:;"></A></DIV>
<DIV
style="TEXT-ALIGN: center; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 50px; PADDING-RIGHT: 0px; HEIGHT: 18px; COLOR: #ffffff; PADDING-TOP: 8px"
id=xbb>变倍 </DIV>
<DIV
style="PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px"><A
onmouseup="ocx.PTZCtrlStop(-1,8,parseInt($('ps').value))" class=y2
onmousedown="ocx.PTZCtrlStart(-1,8,parseInt($('ps').value))"
href="javascript:;"></A></DIV>
<DIV
style="PADDING-BOTTOM: 5px; PADDING-LEFT: 14px; PADDING-RIGHT: 0px; PADDING-TOP: 0px"><A
onmouseup="ocx.PTZCtrlStop(-1,11,parseInt($('ps').value))" class=y1
onmousedown="ocx.PTZCtrlStart(-1,11,parseInt($('ps').value))"
href="javascript:;"></A></DIV>
<DIV
style="TEXT-ALIGN: center; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 50px; PADDING-RIGHT: 0px; HEIGHT: 18px; COLOR: #ffffff; PADDING-TOP: 8px"
id=xbj>变焦 </DIV>
<DIV
style="PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px"><A
onmouseup="ocx.PTZCtrlStop(-1,10,parseInt($('ps').value))" class=y2
onmousedown="ocx.PTZCtrlStart(-1,10,parseInt($('ps').value))"
href="javascript:;"></A></DIV>
<DIV
style="PADDING-BOTTOM: 5px; PADDING-LEFT: 14px; PADDING-RIGHT: 0px; PADDING-TOP: 0px"><A
onmouseup="ocx.PTZCtrlStop(-1,12,parseInt($('ps').value))" class=y1
onmousedown="ocx.PTZCtrlStart(-1,12,parseInt($('ps').value))"
href="javascript:;"></A></DIV>
<DIV
style="TEXT-ALIGN: center; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 50px; PADDING-RIGHT: 0px; HEIGHT: 18px; COLOR: #ffffff; PADDING-TOP: 8px"
id=xgq>光圈 </DIV>
<DIV
style="PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px"><A
onmouseup="ocx.PTZCtrlStop(-1,13,parseInt($('ps').value))" class=y2
onmousedown="ocx.PTZCtrlStart(-1,13,parseInt($('ps').value))"
href="javascript:;"></A></DIV></DIV>
<DIV
style="POSITION: relative; PADDING-BOTTOM: 0px; PADDING-LEFT: 4px; PADDING-RIGHT: 0px; HEIGHT: 100%; PADDING-TOP: 0px"
id=yt2>
<DIV><!-- 预置点处理 -->
<DIV id=ytPoint>
<DIV
style="PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 3px; PADDING-LEFT: 0px; PADDING-RIGHT: 80px; COLOR: #ffffff; PADDING-TOP: 0px"
id=mbcyzd>预置点： </DIV>
<DIV><INPUT
style="BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; MARGIN: 3px 0px 0px 5px; WIDTH: 30px; BACKGROUND: #f4f4f4; HEIGHT: 17px; COLOR: #555; BORDER-TOP: medium none; BORDER-RIGHT: medium none"
id=preSet onkeyup="value=value.replace(/[^\d]/g,'')" value=1 maxLength=3> </DIV>
<DIV id=goPreset><A style="WIDTH: 24px; HEIGHT: 25px"
onclick="ocx.PTZCtrlGotoPreset(-1,parseInt($('preSet').value))"
href="javascript:;"></A></DIV>
<DIV id=addPreset><A style="WIDTH: 24px; HEIGHT: 25px"
onclick="ocx.PTZCtrlSetPreset(-1,parseInt($('preSet').value),true)"
href="javascript:;"></A></DIV>
<DIV id=delPreset><A style="WIDTH: 24px; HEIGHT: 25px"
onclick="ocx.PTZCtrlSetPreset(-1,parseInt($('preSet').value),false)"
href="javascript:;"></A></DIV></DIV></DIV>
<DIV><!-- 轮询处理 -->
<DIV id=ytCruise>
<DIV
style="PADDING-BOTTOM: 0px; MARGIN: 0px 10px 0px 3px; PADDING-LEFT: 0px; WIDTH: 80px; PADDING-RIGHT: 70px; COLOR: #ffffff; PADDING-TOP: 0px"
id=mbcdjxh>点间巡航： </DIV>
<DIV><INPUT
style="BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; MARGIN: 2px 0px 3px 5px; WIDTH: 30px; BACKGROUND: #f4f4f4; HEIGHT: 17px; COLOR: #555; BORDER-TOP: medium none; BORDER-RIGHT: medium none"
id=cruise onkeyup="value=value.replace(/[^\d]/g,'')" value=1 maxLength=3> </DIV>
<DIV id=goCruise><A style="WIDTH: 24px; HEIGHT: 25px"
onclick="ocx.PTZCtrlTour(-1,parseInt($('cruise').value),true)"
href="javascript:;"></A></DIV>
<DIV id=stopCruise><A style="WIDTH: 24px; HEIGHT: 25px"
onclick="ocx.PTZCtrlTour(-1,parseInt($('cruise').value),false)"
href="javascript:;"></A></DIV>
<DIV id=editCruise><A style="WIDTH: 24px; HEIGHT: 25px"
onclick="ocx.PTZEditTure(parseInt($('cruise').value))"
href="javascript:;"></A></DIV></DIV></DIV></DIV></DIV>
<DIV style="MARGIN: 0px; WIDTH: 140px; FLOAT: left" id=taba>
<DIV style="FLOAT: left"><A id=taba1 class=t1 href="javascript:;">图像设置</A></DIV>
<DIV style="FLOAT: left"><A id=taba2 class=t2
href="javascript:;">其他设置</A></DIV></DIV>
<DIV style="FLOAT: left" class=mpad2><!--<div id='yt3' style=" height:287px;position:relative; overflow:hidden; margin:0 0 0 4px;">-->
<DIV
style="POSITION: relative; MARGIN: 0px 0px 0px 4px; HEIGHT: 187px; OVERFLOW: hidden"
id=yt3>
<DIV style="HEIGHT: 100%" id=yt3t1>
<DIV id=yt3t1a>
<DIV style="MARGIN: 5px 0px 0px">
<DIV style="WIDTH: 21px; BACKGROUND: url(tx1.jpg); HEIGHT: 21px" id=xtld
title=亮度></DIV>
<DIV style="MARGIN: 4px 0px 0px 4px"><A class=sal onclick=gslda.set(gca-1)
href="javascript:;"></A></DIV>
<DIV id=saa class=sax>
<DIV id=ska class=skx></DIV></DIV>
<DIV style="MARGIN: 4px 0px 0px 4px"><A class=sar onclick=gslda.set(gca+1)
href="javascript:;"></A></DIV></DIV>
<DIV style="MARGIN: 5px 0px 0px">
<DIV style="WIDTH: 21px; BACKGROUND: url(tx2.jpg); HEIGHT: 21px" id=xtdbd
title=对比度></DIV>
<DIV style="MARGIN: 4px 0px 0px 4px"><A class=sal onclick=gsldb.set(gcb-1)
href="javascript:;"></A></DIV>
<DIV id=sab class=sax>
<DIV id=skb class=skx></DIV></DIV>
<DIV style="MARGIN: 4px 0px 0px 4px"><A class=sar onclick=gsldb.set(gcb+1)
href="javascript:;"></A></DIV></DIV>
<DIV style="MARGIN: 5px 0px 0px">
<DIV style="WIDTH: 21px; BACKGROUND: url(tx3.jpg); HEIGHT: 21px" id=xtbhd
title=饱和度></DIV>
<DIV style="MARGIN: 4px 0px 0px 4px"><A class=sal onclick=gsldc.set(gcc-1)
href="javascript:;"></A></DIV>
<DIV id=sac class=sax>
<DIV id=skc class=skx></DIV></DIV>
<DIV style="MARGIN: 4px 0px 0px 4px"><A class=sar onclick=gsldc.set(gcc+1)
href="javascript:;"></A></DIV></DIV>
<DIV style="MARGIN: 5px 0px 0px">
<DIV style="WIDTH: 21px; BACKGROUND: url(tx4.jpg); HEIGHT: 21px" id=xtsd
title=色度></DIV>
<DIV style="MARGIN: 4px 0px 0px 4px"><A class=sal onclick=gsldd.set(gcd-1)
href="javascript:;"></A></DIV>
<DIV id=sad class=sax>
<DIV id=skd class=skx></DIV></DIV>
<DIV style="MARGIN: 4px 0px 0px 4px"><A class=sar onclick=gsldd.set(gcd+1)
href="javascript:;"></A></DIV></DIV></DIV>
<DIV
style="PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 5px"><A
id=xcz class=cbt onclick=txreset(64); href="javascript:;">重置</A></DIV></DIV>
<DIV style="DISPLAY: none; HEIGHT: 100%" id=yt3t2>
<DIV class=cbtd><A style="MARGIN: 20px 0px 0px" id=xcqsb class=cbt title=""
onclick=ocx.RebootServer(); href="javascript:;">重启设备</A></DIV>
<DIV class=cbtd><A style="MARGIN: 20px 0px 0px" id=DVRcolor class=cbt title=""
onclick=ocx.EditDVRColor(-1); href="javascript:;"></A></DIV>
<DIV class=cbtd><A style="MARGIN: 20px 0px 0px" id=ratio class=cbt title=""
onclick=ChangeRadio(); href="javascript:;"></A></DIV>
<DIV class=cbtd><A style="MARGIN: 20px 0px 0px" id=talk2 class=cbt title=""
onclick=Ontalk(); href="javascript:;"></A></DIV></DIV></DIV></DIV></DIV></DIV>
<DIV style="HEIGHT: 5px; OVERFLOW: hidden;display: none"
id=mcc></DIV>
</DIV>
</DIV>
</BODY></HTML>
